@charset "utf-8";

/* CSS Document */

article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video {

	margin: 0;

	padding: 0;

/*	border: 0*/

}



h1,h2,h3,h4,h5,h6{font-weight:normal;}



a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul {

	border: 0;

	vertical-align: baseline;

	margin: 0;

	padding: 0

}

article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video {

	

}

table {

	border-collapse: separate;

	border-spacing: 0

}

table caption, table td, table th {

	text-align: left;

	vertical-align: middle

}

a img {

	border: 0

}

em{font-style:normal;}

:focus {

	outline: 0

}

@-webkit-keyframes bounce {

0%, 100% {

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

-o-transform:scale(1);

transform:scale(1)

}

50% {

-webkit-transform:scale(1.5);

-moz-transform:scale(1.5);

-ms-transform:scale(1.5);

-o-transform:scale(1.5);

transform:scale(1.5)

}

}

@keyframes bounce {

0%, 100% {

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

-o-transform:scale(1);

transform:scale(1)

}

50% {

-webkit-transform:scale(1.5);

-moz-transform:scale(1.5);

-ms-transform:scale(1.5);

-o-transform:scale(1.5);

transform:scale(1.5)

}

}

body {

	background-color: #ffffff;/*整体背景颜色*/

	-webkit-touch-callout: none;

	/*-webkit-user-select: none;*//*禁止复制*/

	-webkit-text-size-adjust: 100%;

	-webkit-tap-highlight-color: rgba(255,255,255,0);/*点击高亮效果*/

}

body, button, input, pre, select, textarea {

	font-size: 14px;

	font-family:'Arial','Microsoft YaHei';

}

input, textarea {

	-webkit-appearance: none;

	border-radius: 0

}

ol, ul {

	list-style: none

}

/*a, a:active, a:visited {*/

a, a:active{

	color: inherit;

	text-decoration: none;

	cursor:pointer;

}

h1, h2, h3, h4, h5, p, span {

	overflow: visible

}



@charset "utf-8";

/* CSS Document */



/*通用*/

*{ box-sizing:border-box;}

*::before, *::after{ box-sizing:border-box;}

*:focus{ outline:none;}

html{ -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}

/*兼容iphone去除默认input表单默认设置*/

input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}

/*图片默认样式*/

img{border:0;vertical-align: middle;}

textarea{outline:none;resize:none;border:1px solid #e5e5e5;padding:10px;}

/*动画效果*/

*{transition-property:all;}

.com-img img{ transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}

.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.fl{text-align:center;line-height:25px;}

.fr{text-align:center;line-height:25px;}

.cl{clear:both;}

.show{display:block;}

.hide{display:none;}



.f18{font-size:18px !important;}

.f16{font-size:16px !important;}

.f14{font-size:14px !important;}

.f12{font-size:12px !important;}



.mt5{margin-top:5px;}

.mt10{margin-top:10px;}

.mt20{margin-top:20px;}

.ml5{margin-left:5px;}



.taC{text-align:center;}

.taL{text-align:left;}

.taR{text-align:right;}



.ttU{text-transform:uppercase;}



.ofH{overflow:hidden;}

.ofA{overflow:visible !important;}



.fwB{font-weight:600;}



.vaM{vertical-align:middle;}



.pr{position:relative;}



/*字体*/

@font-face {

    font-family: '';

    font-weight: normal;

    font-style: normal;

}





/*通用全局边距padding*/





/*flex*/

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}

.flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}

.flex-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;}

.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}

.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}

.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}



.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}



.vertical-container{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}





/*限制行数 -- 一行*/

.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/*限制行数 -- 当字号为12px,line-height为25时，限制高为50，如有改变，自行设置高度,为了兼容不支持line-clamp属性的浏览器*/

.line2{height:60px;-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}



.line3{height:90px;-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;}





/*动画*/

a:hover{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}



.animation{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}





/*滚动条*/

.viewport { overflow: hidden; position: relative; /*width:0px; height: 0px;*/}/*内容可视区域的宽高*/

.overview { list-style: none; position: absolute; left: 0; top: 0; /*width:0px; height: 0px;*/}  /*内容可视区域的宽高*/

.scrollbar{position: relative;  float: right; position:relative;  display:inline; z-index:400; z-index:2;/*width:0px; height:0px;background-color:#afafaf;*/}/*滚动条的宽高颜色*/

.track{ position: relative; /*width:0px;*/}/*滚动条的宽*/

.thumb{cursor: pointer; position: absolute; top:0; left:0px; z-index:400;/*width:0px;background-color:#afafaf;*/}/*滚动条-当前条的宽 left 颜色*/

.disable{ display: none; }  

.noSelect { user-select:none;}



/*分页*/

.pagination{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;}/*分页*/

.pagination a{display:inline-block;width:42px;height:42px;line-height:42px;text-align:center;border:1px solid #eee;background-color:#fff;color:#777;margin:0px 5px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}

.pagination a.on, .pagination a:hover{background-color:#177ffe;color:#ffffff;border-color:#177ffe;}

.pagination a:first-child,.pagination a:last-child{border:1px solid #f2f2f2;font-weight:600;font-family:'宋体';}



/*翻转*/

.trf{transform:rotate(1deg);-moz-transform:rotate(1deg);-ms-transform:rotate(1deg);-webkit-transform:rotate(1deg);-o-transform:rotate(1deg);}



/*常用浮动*/

.fixprt{position:fixed;width:100%;height:100%;left:0px;top:0px;z-index:999;}

.fixson{width:1200px;height:600px;background:#fff;position:absolute;left:50%;top:50%;margin:-300px 0 0 -300px;}

.fixson span.fixclose{position:absolute;right:10px;top:10px;width:30px;height:30px;line-height:30px;text-align:center;background:#eee;}



/*常用2栏列表页*/



/*文字缓动1*/

.bann h2,.bann h4,#index-bnr .swiper-slide-active .bnr-t1 h2,#index-bnr .swiper-slide-active .bnr-t2 h2{animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}

@keyframes mymove{

	from{transform:translateY(-50px);}

	to{transform:translateY(0px);}

}

@-webkit-keyframes mymove{

	from{transform:translateY(-50px);}

	to{transform:translateY(0px);}

}



/*文字缓动2*/

.bann h3,.bann h5,#index-bnr .swiper-slide-active .bnr-t1 p{animation:mymovet 1.5s infinite;-webkit-animation:mymovet 1.5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}

@keyframes mymovet{

	from{transform:translateY(50px);}

	to{transform:translateY(0px);}

}



@-webkit-keyframes mymovet{

	from{transform:translateY(50px);}

	to{transform:translateY(0px);}

}



#index-bnr .swiper-slide-active .bnr-t2 p,#index-bnr .swiper-slide-active .bnr-t2 h2{animation:myt 2s infinite;-webkit-animation:myt 2s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}



@keyframes myt{

	0%   {opacity:0;transform:translateY(50px);}

	25%  {opacity:0;transform:translateY(40px);}

	50%  {opacity:0;transform:translateY(30px);}

	75%  {opacity:0.75;transform:translateY(3px);}

	100% {opacity:1;transform:translateY(0px);}

}



@-webkit-keyframes myt{

	0%   {opacity:0;transform:translateY(50px);}

	25%  {opacity:0;transform:translateY(40px);}

	50%  {opacity:0;transform:translateY(30px);}

	75%  {opacity:0.75;transform:translateY(3px);}

	100% {opacity:1;transform:translateY(0px);}

}





.swiper-slide-active .bn-img{animation:mymovett 1s infinite;-webkit-animation:mymovett 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}



@keyframes mymovett{

	from{transform:translateY(70px);}

	to{transform:translateY(0px);}

}



@-webkit-keyframes mymovett{

	from{transform:translateY(70px);}

	to{transform:translateY(0px);}

}